<template>
  <div class='preview-article-container'>
    <!-- 文章标题 -->
    <h2></h2>
    <!-- 文章富文本标题 时间 发布人 浏览量 -->
    <div class="subtitle-box">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <!-- 文章详情区域 -->
    <div class="article-contant"></div>
  </div>
</template>

<script>
export default {
  name: 'PreviewArticle',
  props: {
    previewArticle: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped lang='less'>
.preview-article-container {
  .subtitle-box {
    span {
      margin-right: 10px;
    }
  }
  .article-contant {
    width: 100%;
    border-top: 1px dashed gray;
    background-color: gainsboro;
  }
}
</style>
